/*.w宽度  .h高度  .lh行高  
.m margin   .mt margin-top   .mr margin-right   .mb margin-bottom   .ml margin-left  
.p padding  .pt padding-top  .pr padding-right  .pb padding-bottom  .pl padding-left
.t top      .r right         .b bottom          .l left
.p-a .p-r .p-f   .tl .tc .tr   .fl .fc .fr   .ofh .ofs .ofe   .db .dib   .bn .bgn .bsn   .ff* .fs* .fw*   .br*
 */
/*.w长度，单位px*/
.w10{width: 10px;}
.w12{width: 12px;}
.w15{width: 15px;}
.w18{width: 18px;}
.w20{width: 20px;}
.w25{width: 25px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w175{width: 175;}
.w200{width: 200px;}
.w250{width: 250px;}
.w280{width: 280px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}
.w720{width: 720px;}
.w800{width: 800px;}
.w880{width: 900px;}
.w960{width: 960px;}
.w1000{width: 1000px;}
.w1200{width: 1200px;}
.w1440{width: 1440px;}

/*.w**-,长度，单位%*/
.w20-{width: 20%;}
.w25-{width: 25%;}
.w50-{width: 50%;}
.w80-{width: 80%;}
.w100-{width: 100%;}

/*.w**v,长度，单位vw*/
.w10v{width: 10vw;}
.w20v{width: 20vw;}
.w30v{width: 30vw;}
.w40v{width: 40vw;}
.w50v{width: 50vw;}
.w60v{width: 60vw;}
.w80v{width: 80vw;}
.w90v{width: 90vw;}
.w100v{width: 100vw;}

.wauto{width: auto;}
.wmax1200{max-width: 1200px;}
.wmax1140{max-width: 1140px;}
.wmax1000{max-width: 1000px;}
.wmax960{max-width: 960px;}


/*.h高度，单位px*/
.h10{height: 10px;}
.h12{height: 12px;}
.h15{height: 15px;}
.h18{height: 18px;}
.h20{height: 20px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h100{height: 100px;}
.h120{height: 120px;}
.h150{height: 150px;}
.h200{height: 200px;}
.h250{height: 250px;}
.h280{height: 280px;}
.h300{height: 300px;}
.h400{height: 400px;}
.h500{height: 500px;}
.h600{height: 600px;}
.h650{height: 650px;}
.h800{height: 800px;}
.h1000{height: 1000px;}
.h1080{height: 1080px;}

/*.h**-高度，单位%*/
.h10-{height: 10%;}
.h20-{height: 20%;}
.h50-{height: 50%;}
.h100-{height: 100%;}
.hauto{height: auto;}

/*.h**v,高度，单位vh*/
.h10v{height: 10vh;}
.h20v{height: 20vh;}
.h30v{height: 30vh;}
.h40v{height: 40vh;}
.h50v{height: 50vh;}
.h60v{height: 60vh;}
.h70v{height: 70vh;}
.h80v{height: 80vh;}
.h90v{height: 90vh;}
.h100v{height: 100vh;}

.hauto{height: auto;}

/*.lh line-height*/
.lh10{line-height: 10px;}
.lh12{line-height: 12px;}
.lh15{line-height: 15px;}
.lh20{line-height: 20px;}
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.lh32{line-height: 32px;}
.lh40{line-height: 40px;}
.lh50{line-height: 50px;}
.lh60{line-height: 60px;}
.lh70{line-height: 70px;}
.lh80{line-height: 80px;}
.lh100{line-height: 100px;}
.lh100imp{line-height: 100px!important;}
.lh120{line-height: 120px;}
.lh150{line-height: 150px;}
.lh200{line-height: 200px;}
.lh400{line-height: 400px;}

/*.m margin,单位px*/
.m-20{margin:-20px;}
.m-15{margin:-15px;}
.m-10{margin:-10px;}
.m-5{margin:-5px;}
.m0{margin:0;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m80{margin:80px;}
.m100{margin:100px;}
/*.mt* margin-top*/
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt26{margin-top: 26px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mt200{margin-top: 200px;}
.mt120{margin-top: 130px;}
/*.mr margin-right*/
.mr-20{margin-right: -20px;}
.mr-15{margin-right: -15px;}
.mr-10{margin-right: -10px;}
.mr-5{margin-right: -5px;}
.mr0{margin-right: 0;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr80{margin-right: 80px;}
.mr100{margin-right: 100px;}
/*.mb margin-bottom*/
.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb8{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
/*.ml  margin-left*/
.ml-20{margin-left: -20px;}
.ml-15{margin-left: -15px;}
.ml-10{margin-left: -10px;}
.ml-5{margin-left: -5px;}
.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml80{margin-left: 80px;}
.ml100{margin-left: 100px;}
.ml150{margin-left: 150px;}
.ml250{margin-left: 250px;}

/*.p padding,单位px*/
.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p80{padding:80px;}
.p100{padding:100px;}
/*.pt* padding-top*/
.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}
/*.pr padding-right*/
.pr0{padding-right: 0;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr80{padding-right: 80px;}
.pr100{padding-right: 100px;}
/*.pb padding-bottop*/
.pb0{padding-bottom: 0;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb80{padding-bottom: 80px;}
.pb100{padding-bottom: 100px;}
/*.pl  padding-left*/
.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl80{padding-left: 80px;}
.pl100{padding-left: 100px;}
/*mp  margin  padding*/

.mlr-15{margin-left: -15px;margin-right: -15px;}
.mlr0{margin-left: 0;margin-right: 0;}
.mlr5{margin-left: 5px;margin-right: 5px;}
.mlr10{margin-left: 10px;margin-right: 10px;}
.mlr15{margin-left: 15px;margin-right: 15px;}
.mlr20{margin-left: 20px;margin-right: 20px;}
.mlr30{margin-left: 30px;margin-right: 30px;}


.mp0{margin:0;padding:0;}
.mtb0{margin-top: 0;margin-bottom: 0;}
.mplr0{margin-left:0;margin-right:0;padding-left:0;padding-right: 0;}
.mptb0{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom: 0;}
.ptb0{padding-top:0;padding-bottom:0;}
.ptb0imp{padding-top:0!important;padding-bottom:0!important;}

.plr30{padding-left: 30px;padding-right: 30px;}
.plr30{padding-left: 30px;padding-right: 30px;}
.plr20{padding-left: 20px;padding-right: 20px;}

/*.t top*/
.t-50{top: -50px;}
.t-40{top: -40px;}
.t-30{top: -30px;}
.t-20{top: -20px;}
.t-15{top: -15px;}
.t-10{top: -10px;}
.t-8{top: -8px;}
.t-5{top: -5px;}
.t-2{top: -2px;}
.t0{top:0;}
.t2{top:2px;}
.t5{top:5px;}
.t8{top:8px;}
.t10{top:10px;}
.t15{top:15px;}
.t20{top:20px;}
.t25{top:25px;}
.t30{top:30px;}
.t35{top:35px;}
.t32{top:33px;}
.t40{top:40px;}
.t50{top:50px;}
.t200{top:200px;}
/*.r right*/
.r-50{right: -50px;}
.r-40{right: -40px;}
.r-30{right: -30px;}
.r-20{right: -20px;}
.r-15{right: -15px;}
.r-10{right: -10px;}
.r-8{right: -8px;}
.r-5{right: -5px;}
.r-2{right: -2px;}
.r0{right:0;}
.r2{right:2px;}
.r5{right:5px;}
.r8{right:8px;}
.r10{right:10px;}
.r15{right:15px;}
.r20{right:20px;}
.r30{right:30px;}
.r40{right:40px;}
.r50{right:50px;}
/*.b bottom*/
.b-50{bottom: -50px;}
.b-40{bottom: -40px;}
.b-30{bottom: -30px;}
.b-20{bottom: -20px;}
.b-15{bottom: -15px;}
.b-10{bottom: -10px;}
.b-8{bottom: -8px;}
.b-5{bottom: -5px;}
.b-2{bottom: -2px;}
.b0{bottom:0;}
.b2{bottom:2px;}
.b5{bottom:5px;}
.b8{bottom:8px;}
.b10{bottom:10px;}
.b15{bottom:15px;}
.b20{bottom:20px;}
.b30{bottom:30px;}
.b40{bottom:40px;}
.b50{bottom:50px;}
/*.l left*/
.l-100{left: -100px;}
.l-50{left: -50px;}
.l-40{left: -40px;}
.l-30{left: -30px;}
.l-20{left: -20px;}
.l-15{left: -15px;}
.l-10{left: -10px;}
.l-8{left: -8px;}
.l-5{left: -5px;}
.l-2{left: -2px;}
.l0{left:0;}
.l2{left:2px;}
.l5{left:5px;}
.l8{left:8px;}
.l10{left:10px;}
.l15{left:15px;}
.l20{left:20px;}
.l30{left:30px;}
.l40{left:40px;}
.l50{left:50px;}
.l80{left:80px;}
.l350{left:350px;}

/*.b border*/
.b1s000{border:1px solid #000;}
.b1s333{border:1px solid #333;}
.b1s666{border:1px solid #666;}
.b1s999{border:1px solid #999;}
.b1sccc{border:1px solid #ccc;}
.b1seee{border:1px solid #eee;}
.b1sfff{border:1px solid #fff;}
/*bt  border-top*/
.bt1s000{border-top:1px solid #000;}
.bt1s333{border-top:1px solid #333;}
.bt1s666{border-top:1px solid #666;}
.bt2s666{border-top:2px solid #666;}
.bt1s999{border-top:1px solid #999;}
.bt1sccc{border-top:1px solid #ccc;}
.bt1seee{border-top:1px solid #eee;}
.bt1sfff{border-top:1px solid #fff;}
/*br  border-right*/
.br1s000{border-right:1px solid #000;}
.br1s333{border-right:1px solid #333;}
.br1s666{border-right:1px solid #666;}
.br1s999{border-right:1px solid #999;}
.br1sccc{border-right:1px solid #ccc;}
.br1seee{border-right:1px solid #eee;}
.br1sfff{border-right:1px solid #fff;}
/*bb  border-bottom*/
.bb1s000{border-bottom:1px solid #000;}
.bb1s333{border-bottom:1px solid #333;}
.bb1s666{border-bottom:1px solid #666;}
.bb2s666{border-bottom:2px solid #666;}
.bb1s999{border-bottom:1px solid #999;}
.bb1sccc{border-bottom:1px solid #ccc;}
.bb1seee{border-bottom:1px solid #eee;}
.bb1sfff{border-bottom:1px solid #fff;}
.bb1dccc{border-bottom:1px dashed #ccc;}
/*.bl  border-left*/
.bl1s000{border-left:1px solid #000;}
.bl1s333{border-left:1px solid #333;}
.bl1s666{border-left:1px solid #666;}
.bl1s999{border-left:1px solid #999;}
.bl1sccc{border-left:1px solid #ccc;}
.bl1seee{border-left:1px solid #eee;}
.bl1sfff{border-left:1px solid #fff;}

/*.br border-radius*/
.br3{border-radius: 3px;}
.br5{border-radius: 5px;}
.br10{border-radius: 10px;}
.br15{border-radius: 15px;}
.br20{border-radius: 20px;}
.br35{border-radius: 35px;}
.br50{border-radius: 50px;}
.br60{border-radius: 60px;}

/*.ff font-family*/
.ffht{font-family: "黑体";}
.ffst{font-family: "宋体";}
.fffs{font-family: "仿宋";}
.ffkt{font-family: "楷体";}
.ffwryh{font-family: "微软雅黑";}

/*.fs font-size*/
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs25{font-size: 25px;}
.fs30{font-size: 30px;}
.fs40{font-size: 40px;}
.fs50{font-size: 50px;}
.fs60{font-size: 60px;}
.fs80{font-size: 80px;}
.fs100{font-size: 100px;}

/*.fw font-weight*/
.fw1{font-weight: 100;}
.fw2{font-weight: 200;}
.fw3{font-weight: 300;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.fw8{font-weight: 800;}
.fw9{font-weight: 900;}

/*.c color*/
.c000{color: #000;}
.c333{color: #333;}
.c666{color: #666;}
.c999{color: #999;}
.cccc{color: #ccc;}
.ceee{color: #eee;}
.cfff{color: #fff;}
.cfffimp{color: #fff!important;}
.c00a360{color: #00a360;}
.c178f69{color: #178f69;}

/*.bc background-color*/
.bc000{background-color: #333;}
.bc333{background-color: #333;}
.bc666{background-color: #666;}
.bc999{background-color: #999;}
.bcccc{background-color: #ccc;}
.bceee{background-color: #eee;}
.bcfff{background-color: #fff;}
.bcf6f6f6{background-color: #f6f6f6;}
.bc178f69{background-color: #178f69;}
.bc3b3b3b{background-color: #3b3b3b;}
.bc232323{background-color: #232323;}
/*.bc00a360{background-color: #00a360;}*/
/*其他*/
.bn{border:none;}
.bnimp{border:none!important;}
.bgn{background: none;}
.bsn{box-shadow: none;}
.oln{outline: none;}
.db{display: block;}
.dib{display: inline-block;}
.di{display: inline;}
.ti2{text-indent: 2em;}
.ls10{letter-spacing: 10px;}
.ls2{letter-spacing: 2px;}
.ls1{letter-spacing: 1px;}
.lst-n{list-style-type:none;}
/*对齐*/
.mc{margin-left:auto;margin-right: auto;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
/*float*/
.fl{float: left;}
.fr{float: right;}
.fc{clear: both;}
/*overflow*/
.ofh{overflow: hidden;}
.ofs{overflow: scroll;}
.ofe{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*position*/
.p-a{position: absolute;}
.p-r{position: relative;}
.p-f{position: fixed;}

/*.hov- :hover*/
.hov-c333:hover{color: #333;}
.hov-cfff:hover{color: #fff;}
.hov-bc333:hover{background-color: #333;}

.hov-bn:hover{border:none;}
.hov-tdn:hover{text-decoration: none;}



/*旋转360效果*/
.hov-rotate360{transition: All 0.8s ease-in-out;}
.hov-rotate360:hover{transform:rotate(360deg);}






/*bootstrap扩展： 页面五等分*/
.col-md-1-5 {
    width: 20%;
    float: left;
}

.col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .
}